<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@include file="../../base.jsp" %> 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>
*{margin:0;padding:0;list-style:none;border:none;}
/*.myPlugin{width:400px;height:100px;border-radius:100px;background:#fff;text-align:center;line-height:100px;-webkit-transition:all 0.5s ease-in-out;cursor: pointer;}
.myPlugin:hover{-webkit-transform:rotate(360deg);width:120px;height:120px;line-height:120px;}*/
.myPlugin{width:170px;}
</style>
<link href="${path}/css/button.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="${path}/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function(){
	$(document.body).css({
	  "overflow-x":"hidden",
	  "overflow-y":"hidden"
	});
	
    $('span[class=button-wrap]').show(500);
    
	$('#myPlugin2').click(function(){
		window.parent.togglePlugin(2);
		window.parent.hidePlugin(3);
		window.parent.hidePlugin(4);
		window.parent.hidePlugin(5);
	});
	$('#myPlugin3').click(function(){
		window.parent.togglePlugin(3);
		window.parent.hidePlugin(2);
		window.parent.hidePlugin(4);
		window.parent.hidePlugin(5);
	});
	$('#myPlugin4').click(function(){
		window.parent.togglePlugin(4);
		window.parent.hidePlugin(2);
		window.parent.hidePlugin(3);
		window.parent.hidePlugin(5);
	});
	$('#myPlugin5').click(function(){
		window.parent.togglePlugin(5);
		window.parent.hidePlugin(2);
		window.parent.hidePlugin(3);
		window.parent.hidePlugin(4);
	});
	$('#myPlugin6').click(function(){
		window.parent.hidePlugin(2);
		window.parent.hidePlugin(3);
		window.parent.hidePlugin(4);
		window.parent.hidePlugin(5);
		
		var message = "火速开发中...";
    	window.parent.showSuccessToast('showNoticeToast',message);
	});
	$('#myPlugin7').click(function(){
		window.parent.hidePlugin(2);
		window.parent.hidePlugin(3);
		window.parent.hidePlugin(4);
		window.parent.hidePlugin(5);
		
		var message = "火速开发中...";
    	window.parent.showSuccessToast('showNoticeToast',message);
	});
	$('#myPlugin_1').click(function(){
		window.parent.fullScreen();
	});
	$('#myPlugin_2').click(function(){
		window.parent.cancelFullScreen();
	});
	
});
</script>
</head>
<body>
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin_1" href="#" class="myPlugin button button-pill  button-raised button-primary ">全屏体验</a>
  </span>
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin_2" href="#" class="myPlugin button button-pill  button-raised button-primary ">退出全屏</a>
  </span>
  
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin2" href="#" class="myPlugin button button-pill  button-raised button-primary ">公历/农历</a>
  </span>
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin3" href="#" class="myPlugin button button-pill  button-raised button-primary ">天气预报</a>
  </span> 
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin4" href="#" class="myPlugin button button-pill  button-raised button-primary ">科学计算器</a>
  </span> 
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin5" href="#" class="myPlugin button button-pill  button-raised button-primary ">百度翻译</a>
  </span> 
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin6" href="#" class="myPlugin button button-pill  button-raised button-primary ">随手记</a>
  </span> 
  <span class="button-wrap" style="margin-top: 10px;display: none;">
    <a id="myPlugin7" href="#" class="myPlugin button button-pill  button-raised button-primary ">发信息</a>
  </span> 
</body>
</html>